@charset "utf-8";
/*common responsive*/
@media (max-width: 1280px) {
	body{min-width: 320px; font-size: 15px;}
	.container{width:1140px;}

	.footer-icons, .footer-copyright, .footer-wzbs{float: none; width: 100%; text-align: center;}
	.footer-icons li{float: none; display: inline-block; margin: 0 8px;}
	.footer-copyright{padding: 15px 0;}
	.footer-icons{margin-top: 0;}

}

@media (max-width: 1199px) {
	body{font-size: 14px;}
	.fs15{font-size: inherit;}
	.container{width:1002px;}
	.header-logo img{width: 80%; margin-top: 10px;}
	
}

@media (max-width: 1023px) {
	.container{width:auto;}
	.box-sizing{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.header .container{width: 96%; padding: 0;}
	.mainnav .container{padding: 0; width: 100%;}
	.header-icons{display: none;}
	.header-lang .sjb{display: none;}
	.header-lang{top: 10px;}
	
	.homeBox{padding-right:15px; padding-left:15px;}
	.pageBox{padding:0 15px 15px;}
	.mainBox{padding-right:15px; padding-left:15px;}
	.mt{margin-top:15px;}
	.mb{margin-bottom:15px;}
	.pagediv{padding:20px 0;}
	.grid{padding:15px;}
	.grid2{padding:0 15px;}
	.module-main{margin-right:-8px; margin-left:-7px;}
	.module-box{margin-right:8px; margin-left:7px;}
	.menu-icons{margin-right:-8px; margin-left:-7px;}
	.menu-icons li a{margin:0 8px 15px 7px;}
	.common-pic-mode ul{margin-right:-8px; margin-left:-7px;}
	.common-pic-mode ul li a{margin:15px 8px 0 7px;}

	.common-col-sm100{float: none; width: 100% !important; margin-left:0 !important; margin-right: 0 !important;}
	.common-sm-heightAuto{height: auto !important;}
	.mb40{margin-bottom: 30px;}
}

@media (max-width: 992px) {
	
}

@media (max-width: 991px) {
	.header{ height:auto; overflow: hidden;}
	.header-logo{position:static; padding:30px 0 20px;}
	.header-logo img{display: block; margin: 0 auto; width: auto;}
	.header-search{width:100%; position:relative; top: auto; right: auto; margin:0 auto 25px; border-radius: 5px;}
	.header-search .hs-txt{width: 100%; background: f1f1f1; border-radius: 5px 0 0 5px;}
	.header-search .hs-btn{border-radius: 0 5px 5px 0;}

	.rel-appendixs h3{padding:20px 0 5px;}

	.module-main{margin-right:0; margin-left:0;}
	.module-box{margin-right:0; margin-left:0;}
	.module-span2{float:none; width:auto;}
	.module-span4{float:none; width:auto;}
	.module-span3{float:none; width:auto;}
	.module-span5{float:none; width:auto;}
	.module-span6{float:none; width:auto;}
	.module-span7{float:none; width:auto;}
	.module-span8{float:none; width:auto;}
	.module-span9{float:none; width:auto;}
	.module-span10{float:none; width:auto;}
	
	.crumb{padding-right:0; padding-left:0; margin-bottom:15px !important; background-color:#f0f0f0; border-bottom:none;}
	.crumb dl dt{left:15px;}
	.crumb dl dd{margin-left:35px;}
	
	.common-head .hd li{font-size:1.0625em;}
	
	.common-head .menu1 li{padding-top:6px; padding-bottom:8px; margin-right:15px;}
	.common-head .menu1 li.on{padding-bottom:6px;}
	.common-head .menu1 li.current{padding-bottom:10px;}
	
	.common-head .menu2 li{padding-right:15px; padding-left:15px;}
	
	.common-bd{padding-top:10px;}
	
	.otherList .infoList li h4{padding-right:100px; text-align:left;}
	.otherList .infoList li h4 a{float:left; max-width:100%; line-height:1.8em; white-space:nowrap;}
	.otherList .infoList li h4 .time{position:absolute; float:none; margin-top:-.9em; line-height:1.8em;}
	
}


/* xs mobile*/
@media (max-width: 768px) {
	.header-search{margin-bottom: 20px;}
	.mainnav{height:auto;}
	.mainnav ul{ padding:12px 0;}
	.mainnav ul li{position:relative; width:25% !important;}
	.mainnav ul li a{border:none; height:auto; line-height:34px; font-weight: normal; background: none;}
	.mainnav ul li a:before{display: none;}
	.mainnav ul li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	.mainnav ul li:nth-child(4):after, .mainnav ul li:nth-child(7):after{display:none;}
	
	.mainnav li.index{height:68px;}
	.mainnav li.index a{ line-height:68px;}
	.mainnav li.index:after{height:54px; margin-top:-27px;}

	.mainnav ul li:before{display: none;}
	
	.common-pic-mode ul li a p.pic{height:168px !important;}

}

@media (max-width: 767px) {
	.footer-links dl{display: block; width: 100%; margin: 0;}
	.footer-links dl dt{width: 100%;}

}

@media (max-width:680px) {
	.common-pic-mode ul li{width:50% !important;}
	.common-pic-mode ul li a p.pic{height:208px !important;}
}

@media (max-width: 640px) {
	.header-logo img{max-width: 90%;}

	.common-more{display:none;}
	
	.common-pic-mode ul li a p.pic{height:180px !important;}
}


@media (max-width: 480px) {
	.common-head.free{margin-left:-1%;}
	.common-head.free .menu2{float:none;}
	.common-head.free .menu2 li{padding-right:0; padding-left:0; width:49%; margin-left:1%;}
	
	.common-pic-mode ul li a p.pic{height:150px !important;}
	.common-pic-mode ul li span.txtbg{height:35px !important;}
	.common-pic-mode ul li span.txt{line-height:35px !important;}
	.common-pic-mode ul li p.pic .shadow{width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
	.common-pic-mode ul li p.pic i{width:12px; height:14px;  margin-top:-7px; margin-left:-6px;}
	
}

@media (max-width: 479px) {
	.footer-icons{display: none;}
	.footer-links{margin-bottom: 10px;}
}

@media (max-width: 360px) {
	.infoList.fileList li h4 a font{float:none; white-space:normal; max-width:100%;}
	.infoList.fileList li .Icon{float:none; display:inline-block; vertical-align:middle;}
	.infoList li h4{padding-right:0 !important;}
	.infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
	.infoList li h4 .time{position:static !important;}
	
	.common-pic-mode ul li a p.pic{height:120px !important;}
}

@media (max-width: 320px){
	.common-pic-mode ul li a p.pic{height:100px !important;}
}